.box {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	padding: 26upx 0 88upx;
	.header {
		background: url(../../../static/img/monitor/information/bj3@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 702upx;
		padding-bottom: 30upx;
		margin: 0 24upx;	
		z-index: 10;
		image {
			width: 622upx;
			height: 48upx;
			margin: 0 auto 44upx;
			display: block;
			padding-top: 27upx;
		}
		.information {
			width: 100%;
			padding: 0 42upx;
			box-sizing: border-box;
			.top,.bottom {
				display: flex;
				align-items: center;
				justify-content: space-around;
				view {
					color: #FFFFFF;
					font-weight: 30upx;
					margin-right: 25upx;
				}
				view:last-child {
					margin-right: 0;
				}
			}
			.bottom {
				margin-top: 20upx;
			}
			.content {
				color: #FFFFFF;
				font-weight: 30upx;
				margin-right: 25upx;
				margin-left: 20upx;
				view {
					margin-top: 20upx;
				}
			}
		}
	}
	.two {
		background: url(../../../static/img/monitor/information/bj2@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 602upx;
		height: 254upx;
		margin: -222upx auto 0;
	}
	.three {
		background: url(../../../static/img/monitor/information/bj1@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 508upx;
		height: 254upx;
		margin: -226upx auto 0;
	}
	
	.mainContent {
		width: 702upx;
		margin: 0 24upx;
		.symptom {
			margin-top: 56upx;
			.boxOne {
				width: 702upx;
				background: #38CB97;
				border-radius: 24upx;
				padding: 18upx 0 40upx;
				image {
					width: 424upx;
					height: 38upx;
					margin: 0 auto;
					display: block;
				}
			}
			.symptomDescribe,
			.signDescribe{
				margin-top: -26upx;
				width: 702upx;
				background: #FFFFFF;
				border-radius: 24upx;
				padding: 50upx 35upx;
				box-sizing: border-box;
			}
			.symptomDescribe .on {
				text-align: center;
			}
			.signDescribe .xq {
				view {
					display: flex;
					align-items: center;
					color: #333333;
					font-size: 30upx;
					line-height: 64upx;
					.name {
						width: 240upx;
					}
					em,i {
						font-style: normal;
					}
					.currentContent {
						flex: 1;
					}
					.xy {
						flex: 1;
						display: flex;
						.one {
							width: 120upx;
						}
						.second {
							flex: 1;
							text-align: center;
						}
					}
				}
			}
			.live {
				line-height: 64upx;
				display: flex;
				.left {				
					display: flex;
					view {	
						width: 130upx;
						text-align: justify;
						text-align-last: justify;
					}
					em {
						font-style: normal;
					}
				}
				.right {
					flex: 1;
					margin-left: 16upx;
					display: flex;
					.firstYd {
						width: 180upx;
					}
					.secondYd {
						flex: 1;
						text-align: center;
					}
				}
			}
			.distinguish {
				display: flex;
				line-height: 64upx;
				.left {
					width:240upx;
				}
				.right {
					input {
						width: 242upx;
						height: 52upx;
						line-height: 52upx;
						background: #F8F8F8;
						border: 1upx solid #D4D4D4;
						border-radius: 6upx;
						padding: 0 6upx;
						margin-left: -10upx;
						color: #333333;
						font-size: 30upx;
					}
				}
			}
		}
	}
	.sendComments {
		margin: 116upx auto 0;
		width: 611upx;
		height: 70upx;
		background: #38CB97;
		border-radius: 35upx;
		color: #FFFFFF;
		font-size: 30upx;
		line-height: 70upx;
		text-align: center;
	}
}